<template>
  <el-container class="layout-default">
    <el-header height='auto'>
      <my-header></my-header>
    </el-header>
    <el-main style="margin-bottom: 40px;">
      <nuxt />
    </el-main>
    <el-footer height='auto'>
      <my-footer></my-footer>
    </el-footer>
  </el-container>

</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import MyHeader from '@/components/public/header/index.vue'
import MyFooter from '@/components/public/footer/index.vue'
@Component({
  components: {
    MyHeader,
    MyFooter
  }
})
export default class extends Vue {}
</script>
